<#macro header ctx isShow=true>
<!--头部导航栏-->
  <div class="header">
   <div class="head">
    <ul class="head_1">
     <li><a href="#"><img src="${ctx}/images/coll.png"></a><a href="">收藏木雅轩</a></li>
     <li><a href="#"><img src="${ctx}/images/land.png"></a><a href="">江西站</a>
         <div class="div"></div>
         <div class="li_div">
         <p><a href="#">北 京</a><a href="#">北 京</a><a href="#">北 京</a><a href="#">北 京</a><a href="#">北 京</a></p>
         <p><a href="#">南 京</a><a href="#">南 京</a><a href="#">南 京</a><a href="#">南 京</a><a href="#">南 京</a></p>
         <p><a href="#">天 津</a><a href="#">天 津</a><a href="#">天 津</a><a href="#">天 津</a><a href="#">天 津</a></p>
         <p><a href="#">湖 南</a><a href="#">湖 南</a><a href="#">湖 南</a><a href="#">湖 南</a><a href="#">湖 南</a></p>
         </div>
     </li>
    </ul>
    <script type="text/javascript">
    function logout(){
   		var d = dialog({
			title: "0001",
		    content: '<img src=${ctx}/images/logo3.jpg style="width:200px;height:124px;"><br><font size=3 color=red>您确定要退出吗?</font>',
		    okValue:'确定',
		    ok:function(){
		    	this.title("请稍等...");
		    	window.location="${ctx}/customer/logout";
		    },
		    cancelValue:'取消',
		    cancel:function(){}
		});
		d.showModal();
  	 };
  	 
  	 
	    //异步获取购物车中商品的数量
		var refreshShopCarNum = function(){
			var url ="${ctx}/customer/loadAjaxShopCarNum";
			$.post(url,function(data){
				if(data.status == 0){
					$("#totalNum").text(data.totalNum);	
				}	
		   },"json");
		}
	
		//异步获取购物车中商品的数量
		$(function(){
			refreshShopCarNum();
		})
	</script>
    <ul class="head_2">
     <#if session_user??>
     <li><a href="${ctx}/customer/showMember">欢迎您:${session_user.name}</a> |  <a href="javascript:;" onclick="logout()">注销</a></li>
     <li><a href="member.html">我的账户<img src="${ctx}/images/top_s.png" class="img1"></a>
     <#else>
     <li><a href="${ctx}/customer/showLogin">登录</a> |  <a href="${ctx}/customer/showRegister">注册</a></li>
     <li><a href="member.html">我的账户<img src="${ctx}/images/top_s.png" class="img1"></a>
     </#if>
         <div class="div_1"></div>
         <div class="li_div_1">
          <p><a href="#">待处理订单</a> <a href="#">我的消息</a></p>
          <p><a href="#">返修退换货</a> <a href="#">我的问答</a></p>
          <p><a href="#">新降价商品</a> <a href="#">我的关注</a></p>
         </div>
     </li>
     <li><a href="${ctx}/customer/showBuyCar"><img src="${ctx}/images/shop_c.png" class="img2">购物车<span id="totalNum">0</span><img src="${ctx}/images/shop_y.png" class="img3"><img src="${ctx}/images/top_s.png" class="img1"></a>
         <div class="div_2"></div>
         <div class="li_div_2">
           <p>购物车中还没有商品，请赶紧选购吧！</p>
         </div>
     </li>
     <li><a href="#">网站地图</a></li>
     <li><a href="#">客服服务<img src="${ctx}/images/top_s.png" class="img1"></a>
         <div class="div_3"></div>
         <div class="li_div_3">
          <p><a href="#">帮助中心</a> <a href="#">售后服务</a></p>
          <p><a href="#">在线客服</a> <a href="#">意见建议</a></p>
          <p><a href="#">电话客服</a> <a href="#">客服邮箱</a></p>
         </div>
     </li>
    </ul>
    <div class="cle"></div>
   </div>
  </div>

<!--头部logo搜索栏-->

<div class="logo">
 <div class="fllogo"><a href="${ctx}/customer/home"><img src="${ctx}/images/top_logo.png"></a></div>
 <form action="" method="post">
  <input type="text" id="input" name="input"/>
  <input type="button" id="btn" name="btn" value="搜 索">
  <p>
  <a href="product_details.html">实木米桶</a>
  <a href="product_details.html">胡椒罐</a>
  <a href="product_details.html">原创擀面板</a>
  <a href="product_details.html">婴儿专用</a>
  </p>
 </form>
 <div class="frlogo">
    <a href="product_list.html"><img src="${ctx}/images/logoright_03.png"></a>
    <h6><a href="product_details.html">碳钢磨芯胡椒罐</a></h6>
    <h5><a href="product_details.html">细腻·耐磨·天然</a></h5>
    <h4><a href="product_details.html">查看详情</a></h4>
 </div>
 <div class="cle"></div>
</div>

<div class="head_nav">
 <div class="nav">
  <div class="nav_1">
   <a href="${ctx}/customer/showProList">全部商品分类 <img src="${ctx}/images/nav_class.png"> </a>
   <div class="nav_1_select">
     <ul>
       <#if goodsTypeList??>
       <#list goodsTypeList as goodsType>
       <li><a href="${ctx}/customer/showProList?code=${goodsType.code}">${goodsType.name}</a></li>
       </#list>
       </#if>
     </ul>
   </div>
  </div>
    <ul class="nav_2">
  <li><a href="${ctx}/customer/home" class="on">商城首页</a></li>
  <li><a href="${ctx}/customer/showMember">会员中心</a></li>
  <li><a href="${ctx}/customer/showProList">新品上架</a></li>
  <li><a href="${ctx}/customer/showProList">热销排行</a></li>
  <li><a href="#">招商加盟</a></li>
  <li><a href="#">反馈信息</a></li>
  </ul>
  <div class="cle"></div>
 </div>
</div>
</#macro>
